﻿<style type="text/css">
    body
    {
        margin: 0 auto;
        padding: 0 auto;
        background-color: white;
        height: 100%;
        width: auto;
    }
</style>
<link href="@Url.Content("~/Content/themes/base/jquery-ui.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/ztree/zTreeStyle/zTreeStyle.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/ztree/jquery.ztree.core-3.5.js")" type="text/javascript"></script>
<script type="text/javascript">
		<!--
    var setting = {
        data: {
            simpleData: {
                enable: true
            }
        }
    };

    var zNodes = [
			{ id: 1, pId: 0, name: "系统管理", open: true },
			{ id: 11, pId: 1, name: "用户管理", url: "/Admin/Account/User", target: "mainFrame" },
			{ id: 12, pId: 1, name: "参数管理", url: "http://www.baby666.cn", target: "_blank" },
			{ id: 13, pId: 1, name: "菜单管理", url: "http://www.baby666.cn", target: "_blank" },
			{ id: 2, pId: 0, name: "内容管理", open: true },
			{ id: 21, pId: 2, name: "文章管理", url: "http://www.baby666.cn", target: "_blank" },
			{ id: 22, pId: 2, name: "文件管理", url: "http://www.baby666.cn", target: "_blank" },
			{ id: 3, pId: 0, name: "网站统计", open: true },
			{ id: 31, pId: 3, name: "访问统计", url: "http://www.baby666.cn", target: "_blank" },
			{ id: 32, pId: 3, name: "广告统计", url: "http://www.baby666.cn", target: "_blank" }
		    ];

    $(document).ready(function () {
        $.fn.zTree.init($("#treeDemo"), setting, zNodes);
    });
		//-->
	</script>
<div style="width: 100%; background-color: blue; color: White; font-size: 16px; text-align: center;
    vertical-align: middle; font-weight: 800; padding-top: 5px; padding-bottom: 5px;">
    功能菜单</div>
<div class="zTreeDemoBackground left" style="padding-left: 10px; height: 100%;">
    <ul id="treeDemo" class="ztree">
    </ul>
</div>
